@charset "utf-8";

@import "../_fontsize.scss";
@import "_common.scss";
@import "_chatting-detail";
section {
    position: absolute;
    top: r(88);
    width: 100%;
    bottom: r(0);
    overflow: scroll;
    background: #FFFFFF;
            .copy-imformation{
        width: 100%;
        height: 100%;
        background-image: url(../../img/begin/begin-logo.png);
        background-repeat: no-repeat;
        background-position:r(155) r(148);
        background-size: r(330);
//      z-index: 99;
        position: relative;
         p{font-size: r(26);text-align: center;
        width: 100%;
        height: r(50);
        margin-top: r(480);
        color: #000000;position: absolute;}
            }

   
    .state-text{
        width: 95%;
        margin: 0 auto;
        p{color: #666666;font-size: r(22);line-height: r(40);
            margin-top: r(20);
        i{color: #000000;font-style: normal;}
        }
        b{font-weight:500;font-size: r(22);color:#000000;margin-top: r(30);}
    
        span{font-size: r(22);
        line-height:r(10);color: #666666;}}
        .setting-content{
            width:100%;
            height: r(134);
            margin: 0 auto;
            background: #FFFFFF;
            border-bottom: 1px solid #E1E2E4; 
            .setting-content-text{
                width: 95%;
                height: 100%;
                margin: 0 auto;
//              line-height: r(134);
                position: relative;
                padding-top: r(10);
                line-height: r(60);
               p.one{font-size: r(30);
                      text-align:left;color: #000000;} 
               p.two{font-size: r(20);
               text-align: left;
                color: #666666;}
                i{display: block;width:r(16);height: r(28);
                position: absolute;top: r(10);
                right: r(0);
                img{width: 100%;height: 100%;}}
            }
       }
    
    .chatting-detail{
        width:100%;height:r(358);
        background: #FFFFFF;
        border-bottom: 1px solid #E1E2E4;
        .chatting-detail-content{
            width: 95%;height: 100%;
            margin: 0 auto;
            font-size: r(20);
            color: #000000;
            h5{font-weight: 500;padding-top: r(30);}
            p{line-height: r(45);padding-top: r(15);}
            h4{text-align: right;padding-top: r(30);
            font-weight: 500;font-size: r(24);
            }
        }
    }
    .chatting-detail1{
        width: 100%;height: r(280);
        background: #FFFFFF;
        margin-top: r(30);
        border-bottom: 1px solid #E1E2E4;
        border-top: 1px solid #E1E2E4;
       .chatting-detail-content1{
           width: 90%;
           height: 100%;
            margin: 0 auto;
            font-size: 0;
        h5{
            font-weight: 500;
            font-size: r(24);
            color: #000000;
            padding-top: r(24);
        }
        p{padding-top: r(10);
            font-size: r(20);color: #666666;
        }
        span{display:inline-block;color: #D62D31;font-size: r(22);
        line-height: r(30);
        padding-top: r(30);
        }
    }
    } }